<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/7/3
  Time: 10:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>主页</title>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.useso.com/css?family=Roboto:400,100,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:800italic' rel='stylesheet' type='text/css'>
    <link href="css/gozha-nav.css" rel="stylesheet" />
    <link href="css/external/jquery.selectbox.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
    <link href="css/style.css?v=1" rel="stylesheet" />
    <script src="js/external/modernizr.custom.js"></script>
</head>
<body>
<div class="wrapper">
    <!-- Banner -->

    <!-- Header section -->
    <header class="header-wrapper">
        <div class="container">
            <!-- Logo link-->
            <a href='index.html' class="logo">
                <img alt='logo' src="images/logo.png">
            </a>

            <!-- Main website navigation-->
            <nav id="navigation-box">
                <!-- Toggle for mobile menu mode -->
                <a href="#" id="navigation-toggle">
							<span class="menu-icon">
                            <span class="icon-toggle" role="button" aria-label="Toggle Navigation">
                              <span class="lines"></span>
							</span>
							</span>
                </a>

                <!-- Link navigation -->
                <ul id="navigation">
                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="#">选项</a>
                        <ul>
                            <li class="menu__nav-item">
                                <a href="movie-page-left.html">电影</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="movie-list-full.html">电影列表</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="single-cinema.html">电影院</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="cinema-list.html">电影院名单</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="contact.html">联系我们</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="404.html">404 错误</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="login.html">登陆</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="page-elements.html">预订步骤</a>
                        <ul>
                            <li class="menu__nav-item">
                                <a href="book1.html">预订步骤 1</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book2.html">预订步骤 2</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book3-buy.html">预订步骤 3 (购买)</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book3-reserve.html">预订步骤 3 (预约)</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book-final.html">订单</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="#">菜单</a>
                        <ul class="mega-menu container">
                            <li class="col-md-3 mega-menu__coloum">
                                <h4 class="mega-menu__heading">正在热映的电影</h4>
                                <ul class="mega-menu__list">
                                    <li class="mega-menu__nav-item">
                                        <a href="#">一条狗的使命2</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">千与千寻</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                </ul>
                            </li>

                            <li class="col-md-3 mega-menu__coloum">
                                <h4 class="mega-menu__heading">即将结束的电影</h4>
                                <ul class="mega-menu__list">
                                    <li class="mega-menu__nav-item">
                                        <a href="#">一条狗的使命2</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">千与千寻</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                </ul>
            </nav>

            <!-- Additional header buttons / Auth and direct link to booking-->
            <div class="control-panel">
                <a href="#" class="btn btn--sign login-window">登陆</a>
                <a href="#" class="btn btn--sign login-window">注册</a>
                <a href="#" class="btn btn-md btn--warning btn--book login-window">订票</a>
            </div>

        </div>
    </header>

    <!-- Slider -->
    <div class="bannercontainer">
        <div class="banner">
            <ul>

                <li data-transition="fade" data-slotamount="7" class="slide" data-slide='Rush.'>
                    <img alt='' src="images/b1.jpg">
                    <div class="caption slide__name margin-slider" data-x="right" data-y="80" data-splitin="chars" data-elementdelay="0.1" data-speed="700" data-start="1400" data-easing="easeOutBack" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;" data-frames="{ typ :lines;
                                                 elementdelay :0.1;
                                                 start:1650;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 },
                                                 { typ :lines;
                                                 elementdelay :0.1;
                                                 start:2150;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:00;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 }
                                                 " data-splitout="lines" data-endelementdelay="0.1" data-customout="x:-230;y:0;z:0;rotationX:0;rotationY:0;rotationZ:90;scaleX:0.2;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%" data-endspeed="500" data-end="8400" data-endeasing="Back.easeIn">
                        RUSH
                    </div>

                    <div class="caption slide__time margin-slider sfr str" data-x="right" data-hoffset='-243' data-y="186" data-speed="300" data-start="2100" data-easing="easeOutBack" data-endspeed="300" data-end="8700" data-endeasing="Back.easeIn">
                        From
                    </div>
                    <div class="caption slide__date margin-slider lfb ltb" data-x="right" data-hoffset='-149' data-y="186" data-speed="500" data-start="2400" data-easing="Power4.easeOut" data-endspeed="400" data-end="8200" data-endeasing="Back.easeIn">
                        October 18
                    </div>
                    <div class="caption slide__time margin-slider sfr str" data-x="right" data-hoffset='-113' data-y="186" data-speed="300" data-start="2100" data-easing="easeOutBack" data-endspeed="300" data-end="8700" data-endeasing="Back.easeIn">
                        - till
                    </div>
                    <div class="caption slide__date margin-slider lfb ltb" data-x="right" data-y="186" data-speed="500" data-start="2800" data-easing="Power4.easeOut" data-endspeed="400" data-end="8200" data-endeasing="Back.easeIn">
                        November 01
                    </div>
                    <div class="caption slide__text margin-slider customin customout" data-x="right" data-y="250" data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="400" data-start="3000" data-endspeed="400" data-end="8000" data-endeasing="Back.easeIn">
                        Two-time Academy Award winner Ron Howard, teams once again with fellow two-time Academy<br> Award nominee, writer Peter Morgan , on Rush, a spectacular big-screen re-creation of the merciless<br> 1970s rivalry between James Hunt and Niki Lauda.
                    </div>
                    <div class="caption margin-slider skewfromright customout " data-x="right" data-y="324" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="400" data-start="3300" data-easing="Power4.easeOut" data-endspeed="300" data-end="7700" data-endeasing="Power4.easeOut">
                        <a href="#" class="slide__link">check out cinemas &amp; time</a>
                    </div>
                </li>

                <li data-transition="fade" data-slotamount="7" class="slide fading-slide" data-slide='Travel worldwide.
Create trip film.'>
                    <img alt='' src="images/b2.jpg">

                    <div class="caption slide__name slide__name--smaller" data-x="left" data-y="160" data-splitin="chars" data-elementdelay="0.1" data-speed="700" data-start="1400" data-easing="easeOutBack" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;" data-frames="{ typ :lines;
                                                 elementdelay :0.1;
                                                 start:1650;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 },
                                                 { typ :lines;
                                                 elementdelay :0.1;
                                                 start:2150;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:00;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 }
                                                 " data-splitout="lines" data-endelementdelay="0.1" data-customout="x:-230;y:0;z:0;rotationX:0;rotationY:0;rotationZ:90;scaleX:0.2;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%" data-endspeed="500" data-endeasing="Back.easeIn">
                        Travel, Admire, Remember.
                    </div>

                    <div class="caption slide__time position-center postion-place--one sfr stl" data-x="left" data-y="242" data-speed="300" data-start="2100" data-easing="easeOutBack" data-endspeed="300" data-endeasing="Back.easeIn">
                        From
                    </div>
                    <div class="caption slide__date position-center postion-place--two lfb ltb" data-x="left" data-y="242" data-speed="500" data-start="2400" data-easing="Power4.easeOut" data-endspeed="400" data-endeasing="Back.easeIn">
                        April 18
                    </div>
                    <div class="caption slide__time position-center postion-place--three sfr stl" data-x="left" data-y="242" data-speed="300" data-start="2100" data-easing="easeOutBack" data-endspeed="300" data-endeasing="Back.easeIn">
                        - till
                    </div>
                    <div class="caption slide__date position-center postion-place--four lfb ltb" data-x="left" data-y="242" data-speed="500" data-start="2800" data-easing="Power4.easeOut" data-endspeed="400" data-endeasing="Back.easeIn">
                        May 01
                    </div>

                    <div class="caption lfb slider-wrap-btn ltb" data-x="left" data-y="310" data-speed="400" data-start="3300" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power4.easeOut">
                        <a href="#" class="btn btn-md btn--danger btn--wide slider--btn">learn more</a>
                    </div>
                </li>

                <li data-transition="fade" data-slotamount="7" class="slide" data-slide='Stop wishing.
Start doing.'>
                    <img alt='' src="images/b3.jpg">
                    <div class="caption slide__name slide__name--smaller slide__name--specific customin customout" data-x="left" data-y="160" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700" data-start="1400" data-easing="easeOutBack" data-endspeed="500" data-end="8600" data-endeasing="Back.easeIn">
                        Stop <span class="highlight">wishing.</span> Start <span class="highlight">doing.</span>
                    </div>

                    <div class="caption slide__descript customin customout" data-x="left" data-y="240" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700" data-start="2000" data-endspeed="500" data-end="8400" data-endeasing="Back.easeIn">
                        find your best match movie with A.MOVIE
                    </div>

                    <div class="caption lfb customout slider-wrap-btn" data-x="left" data-y="310" data-speed="500" data-start="2800" data-easing="Power4.easeOut" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-endspeed="400" data-end="8000" data-endeasing="Power4.easeOut">
                        <a href="#" class="btn btn-md btn--danger slider--btn">check out movies</a>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <!--end slider -->
    <div class="copyrights">Collect from
        <a href="http://www.cssmoban.com/">手机网站模板</a>
    </div>

    <!-- Main content -->
    <section class="container">
        <div class="movie-best">
            <div class="col-sm-10 col-sm-offset-1 movie-best__rating">今日最佳选择</div>
            <div class="col-sm-12 change--col">
                <div class="movie-beta__item ">
                    <img alt='' src="images/m1.jpg">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影1</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
                <div class="movie-beta__item second--item">
                    <img alt='' src="images/m2.jpg">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影2</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
                <div class="movie-beta__item third--item">
                    <img alt='' src="images/m3.jpg">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影3</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
                <div class="movie-beta__item hidden-xs">
                    <img alt='' src="images/m4.jpg">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影4</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
                <div class="movie-beta__item hidden-xs hidden-sm">
                    <img alt='' src="images/380-60.png">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影5</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
                <div class="movie-beta__item hidden-xs hidden-sm">
                    <img alt='' src="images/380-60.png">
                    <span class="best-rate">5.0</span>

                    <ul class="movie-beta__info">
                        <li><span class="best-voted">电影6</span></li>
                        <li>
                            <p class="movie__time">169 分钟</p>
                            <p>冒险 | 喜剧 | 幻想 </p>
                            <p>38 项评论</p>
                        </li>
                        <li class="last-block">
                            <a href="movie-page-left.html" class="slide__link">更多</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-10 col-sm-offset-1 movie-best__check">查看正在热映的所有电影</div>
        </div>

        <div class="col-sm-12">
            <div class="mega-select-present mega-select-top mega-select--full">
                <div class="mega-select-marker">
                    <div class="marker-indecator location">
                        <p class="select-marker"><span>现在看电影
</span> <br>在你的城市</p>
                    </div>

                </div>

                <div class="mega-select pull-right">
                    <span class="mega-select__point">通过搜索</span>
                    <ul class="mega-select__sort">
                        <li class="filter-wrap">
                            <a href="#" class="mega-select__filter filter--active" data-filter='location'>位置</a>
                        </li>
                        <li class="filter-wrap">
                            <a href="#" class="mega-select__filter" data-filter='cinema'>电影院</a>
                        </li>
                        <li class="filter-wrap">
                            <a href="#" class="mega-select__filter" data-filter='actors'>演员</a>
                        </li>
                        <li class="filter-wrap">
                            <a href="#" class="mega-select__filter" data-filter='director'>导演</a>
                        </li>
                        <li class="filter-wrap">
                            <a href="#" class="mega-select__filter" data-filter='country'>国家</a>
                        </li>
                    </ul>

                    <input name="search-input" type='text' class="select__field">

                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <h2 id='target' class="page-heading heading--outcontainer">正在放映的电影</h2>

        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-8 col-md-9">
                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--dark movie--test--left">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">一条狗的使命 </a>

                            <p class="movie__time">91 min</p>

                            <p class="movie__option">
                                <a href="#">感人</a> |
                                <a href="#">动物</a>
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--light movie--test--left">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">一条狗的使命 </a>

                            <p class="movie__time">91 min</p>

                            <p class="movie__option">
                                <a href="#">感人</a> |
                                <a href="#">动物</a>
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--light movie--test--right">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">一条狗的使命 </a>

                            <p class="movie__time">91 min</p>

                            <p class="movie__option">
                                <a href="#">感人</a> |
                                <a href="#">动物</a>
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--dark movie--test--right">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">千与千寻 </a>

                            <p class="movie__time">91 min</p>

                            <p class="movie__option">
                                <a href="#">感人</a> |
                                <a href="#">动物</a>
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--dark movie--test--left">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">电影3</a>

                            <p class="movie__time">116 min</p>

                            <p class="movie__option">
                                <a href="#">惊悚</a> |
                                <a href="#">话剧</a> |
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--light movie--test--left">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">电影4</a>

                            <p class="movie__time">116 min</p>

                            <p class="movie__option">
                                <a href="#">惊悚</a> |
                                <a href="#">话剧</a> |
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--light movie--test--right">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">电影5</a>

                            <p class="movie__time">116 min</p>

                            <p class="movie__option">
                                <a href="#">惊悚</a> |
                                <a href="#">话剧</a> |
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                    </div>
                    <!-- Movie variant with time -->

                    <!-- Movie variant with time -->
                    <div class="movie movie--test movie--test--dark movie--test--right">
                        <div class="movie__images">
                            <a href="movie-page-left.html" class="movie-beta__link">
                                <img alt='' src="images/424-424.png">
                            </a>
                        </div>

                        <div class="movie__info">
                            <a href='movie-page-left.html' class="movie__title">电影6</a>

                            <p class="movie__time">116 min</p>

                            <p class="movie__option">
                                <a href="#">惊悚</a> |
                                <a href="#">话剧</a> |
                            </p>

                            <div class="movie__rate">
                                <div class="score"></div>
                                <span class="movie__rating">4.1</span>
                            </div>
                        </div>
                        <!-- Movie variant with time -->

                    </div>


                </div>
            </div>

        </div>

    </section>

    <div class="clearfix"></div>

    <footer class="footer-wrapper">
        <section class="container">
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="#" class="nav-link__item">城市</a></li>
                    <li><a href="movie-list-left.html" class="nav-link__item">电影</a></li>

                    <li><a href="rates-left.html" class="nav-link__item">票房</a></li>
                </ul>
            </div>
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="coming-soon.html" class="nav-link__item">即将到来</a></li>
                    <li><a href="cinema-list.html" class="nav-link__item">电影院</a></li>
                    <li><a href="offers.html" class="nav-link__item">最佳</a></li>

                </ul>
            </div>
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="#" class="nav-link__item">使用条款</a></li>

                    <li><a href="contact.html" class="nav-link__item">关于我们</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-md-6">
                <div class="footer-info">
                    <p class="heading-special--small">Our Movie<br><span class="title-edition">在社交媒体上</span></p>

                    <div class="social">
                        <a href='#' class="social__variant fa fa-facebook"></a>
                        <a href='#' class="social__variant fa fa-twitter"></a>
                        <a href='#' class="social__variant fa fa-vk"></a>
                        <a href='#' class="social__variant fa fa-instagram"></a>
                        <a href='#' class="social__variant fa fa-tumblr"></a>
                        <a href='#' class="social__variant fa fa-pinterest"></a>
                    </div>

                    <div class="clearfix"></div>
                    <p class="copy">&copy; Our Movie, 2019年.版权所有. 由2组成立</p>
                </div>
            </div>
        </section>
    </footer>
</div>

<!-- open/close -->
<div class="overlay overlay-hugeinc">

    <section class="container">

        <div class="col-sm-4 col-sm-offset-4">
            <button type="button" class="overlay-close">Close</button>
            <form id="login-form" class="login" method='get' novalidate=''>
                <p class="login__title">sign in <br><span class="login-edition">welcome to A.Movie</span></p>

                <div class="social social--colored">
                    <a href='#' class="social__variant fa fa-facebook"></a>
                    <a href='#' class="social__variant fa fa-twitter"></a>
                    <a href='#' class="social__variant fa fa-tumblr"></a>
                </div>

                <p class="login__tracker">or</p>

                <div class="field-wrap">
                    <input type='email' placeholder='Email' name='user-email' class="login__input">
                    <input type='password' placeholder='Password' name='user-password' class="login__input">

                    <input type='checkbox' id='#informed' class='login__check styled'>
                    <label for='#informed' class='login__check-info'>remember me</label>
                </div>

                <div class="login__control">
                    <button type='submit' class="btn btn-md btn--warning btn--wider">sign in</button>
                    <a href="#" class="login__tracker form__tracker">Forgot password?</a>
                </div>
            </form>
        </div>

    </section>
</div>

<!-- JavaScript-->
<!-- jQuery 1.9.1-->
<script src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
    window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')
</script>
<!-- Migrate -->
<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
<!-- Bootstrap 3-->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

<!-- jQuery REVOLUTION Slider -->
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

<!-- Mobile menu -->
<script src="js/jquery.mobile.menu.js"></script>
<!-- Select -->
<script src="js/external/jquery.selectbox-0.2.min.js"></script>
<!-- Stars rate -->
<script src="js/external/jquery.raty.js"></script>

<!-- Form element -->
<script src="js/external/form-element.js"></script>
<!-- Form validation -->
<script src="js/form.js"></script>

<!-- Twitter feed -->
<script src="js/external/twitterfeed.js"></script>

<!-- Custom -->
<script src="js/custom.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        init_Home();
    });
</script>
</body>
</html>
